<script setup>
import { ref } from 'vue'
const userSearchDate = ref({
  userid:'',
  username:'',
})
</script>

<template>
  <div>
    <!-- 搜索 -->
    <div class="search_box">
      <el-card>
        <el-row :gutter="20">
          <el-col :span="6">
            <span>用户账号</span>
            <el-input v-model="userSearchDate.userid" placeholder="请输入搜索用户账号"></el-input>
          </el-col>
          <el-col :span="6">
            <span>用户名</span>
            <el-input v-model="userSearchDate.username" placeholder="请输入搜索用户名"></el-input>
          </el-col>
        </el-row>
      </el-card>
    </div>
  </div>
</template>

<style scoped>
.search_box {
  .el-col {
    display: flex;
    align-items: center;

    span {
      width: 120px;
      text-align: right;
      margin-right: 10px;
      text-wrap: nowrap;
    }
  }
}
</style>